@charset "UTF-8";
.at-tag {
  background-color: #8391a5;
  padding: 0 11px;
  height: 22px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  border-radius: 1px;
  box-sizing: border-box;
  border: 1px solid transparent;
  display:inline-block;
  min-width: 72px;
  text-align: center;
  white-space: nowrap;
}
.at-tag--blue{
  background-color:#f4f7ff;
  border: 1px #c9deff solid;
  color:#4990ff;
}
.at-tag--red{
  background-color: #fff7f7;
  border: 1px #ffa8a8 solid;
  color:#ee5959;
}
.at-tag--yellow{
  background-color: #fffcf9;
  border: 1px #fec171 solid;
  color: #fec171;
}
.at-tag--green{
  background-color: #f9fffd;
  border: 1px #31c3a0 solid;
  color:#31c3a0;
}
.at-tag--dark-blue{
  background-color: #f9faff;
  border: 1px #7d92d5 solid;
  color:#7d92d5;
}
.at-tag--purple{
  background-color: #fffbff;
  border:1px #d47dcb solid;
  color:#d47dcb;
}
.at-tag--gray{
  background-color: #eff3f7;
  color: #707f8e;
}
.at-tag .at-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 6px;
  -ms-transform: scale(.75, .75);
  transform: scale(.75, .75);
  height: 6px;
  width: 6px;
  line-height: 6px;
  vertical-align: middle;
  top: -1px;
  right: -1px
}
.at-icon-close:before {
    content: "\E60C";
}
[class*=" at-icon-"], [class^=at-icon-] {
    font-family: at-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    line-height: 0.5;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
  }
.at-zoom-in-center-enter-active, .at-zoom-in-center-leave-active {
  transition: all .3s cubic-bezier(.55, 0, .1, 1)
}
.at-zoom-in-center-enter, .at-zoom-in-center-leave-active {
  opacity: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0)
}